import { resolve } from "path";
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
// https://vite.dev/config/
export default defineConfig({
    plugins: [react()],
    server: {
        hmr: true, // 确保 HMR 开启（默认就是 true，无需手动写，但如果被设为 false 需改回）
        open: true, // 自动打开浏览器
        cors: true, // 解决跨域（避免 HMR 信号被拦截）
    },
    css: {
        preprocessorOptions: {
            scss: {
                additionalData: `@use "@/assets/styles/variable.scss" as *;`
            },
        },
    },
    build: {
        // outDir 是生产构建的输出目录，dev 服务器不会使用它
        outDir: 'dist',
        // 其他 build 配置...
    },
    resolve: {
        alias: {
            "@": resolve(__dirname, "src"),
        },
    },
});
